/*
#------------------------------------------------------------------------
# penguinMail - December 2010 (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
/* 
 * News Show Pro GK4
 */
.nsp { position:relative; }
.nspMain { overflow:hidden; }
/* interface */
.nspBotInterface,
.nspTopInterface { overflow:hidden; width:auto; margin: 0 0 8px; }
.nspBotInterface { margin:0; padding-top:6px; }
.nspBotInterface div,
.nspTopInterface div { float:right; }
/* pagination */
.nspBotInterface .nspPagination li,
.nspTopInterface .nspPagination li,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li.active { float:left; border:none !important; width:7px; height:7px; background-position: 0 0!important; background-repeat: no-repeat !important; text-indent: -999em!important; margin:5px 0 0 5px; cursor:pointer; padding:0 !important; }
.nspBotInterface .nspPagination li:hover,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li:hover,
.nspTopInterface .nspPagination li.active { background-position: -7px 0!important; cursor:pointer; }
.nspTopInterface .nspPagination,
.nspBotInterface .nspPagination { border:none !important; float:left; width:auto; padding:0 16px 0 0 !important; list-style-type:none; margin:0; }
.nspBotInterface .nspCounter,
.nspTopInterface .nspCounter { padding:0 6px !important; font-size:9px!important; font-size:90%; font-weight:normal !important; height:14px; line-height:14px; background:transparent; color:#aaa!important; border: 1px solid #eee; cursor:pointer; float:left; margin:0 0 0 16px !important; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }
.nspBotInterface .nspCounter strong,
.nspTopInterface .nspCounter strong { padding-right: 3px; }
.nspBotInterface .nspCounter span,
.nspTopInterface .nspCounter span { color:#aaa !important; }
/* buttons: prev & next */
.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: 0 -7px; background-repeat: no-repeat; float:left; border:none !important; height:14px; width:14px; margin:0 0 0 4px; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nspBotInterface .nspPrev:hover,
.nspTopInterface .nspPrev:hover { background-position: 0 -21px }
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: -14px -7px }
.nspBotInterface .nspNext:hover,
.nspTopInterface .nspNext:hover { background-position: -14px -21px }
/* article layout*/
.nspArts { overflow:hidden; }
.nspArt div { overflow:hidden; padding:0 10px; }
.nspArt h4.nspHeader { margin-bottom:6px; font-size:100%; }
.nspArt h4.nspHeader a { color: #222; }
.nspArt p.nspText { float:none; }
.nspArt p.nspInfo { font-size:85%; margin:6px 0; }
.nspArt .tleft { text-align:left; }
.nspArt .tright { text-align:right; }
.nspArt .tcenter { text-align:center; }
.nspArt .tjustify { text-align:justify; }
.nspArt .fleft { float:left; }
.nspArt .fright { float:right; }
.nspArt .fnone { clear:both; width:100%; float:none; }
.nspArt { float:left; }
.readon.left,
.readon.right,
.readon.center { clear:both; }
.readon.left { float:left; }
.readon.right { float:right; }
.readon.center { display:inline; float:none; }
.nspLinks ul li h4 a { }
.nspLinks ul li h4 { font-size:90%; line-height:130%; font-weight: normal }
.nspLinks ul li p { margin:0; font-size:11px; line-height: 180% }
.nspLinks ul li { margin:0; padding:6px 0 3px; height:auto; border-bottom:none; background-position: 7px 11px!important; }
.nspLinks ul { padding:0; margin:0; list-style-type:none; clear:none!important; }
.nspArts.left { float:right; }
.nspLinksWrap.left { float:left; }
.nspArts.right { float:left; }
.nspLinksWrap.right { float:right; }
.nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
.nspAvatar { margin-bottom:-5px; }
.nspImage { border:1px solid #dadada; padding:6px; }
a:hover .nspImage { border:1px solid #d7d7d7; background: #edece7 }
.nspArt .readon { margin-top: 6px; }
a.nspComments { background: transparent url('../images/style1/icon_comments.png') no-repeat 0 1px; padding-left: 20px; }
/* restrictions */
.color1 .nspArt h4.nspHeader a { color: #fff; }
.color1 .nspImage { border-color: #444 }
.color1 a:hover.nspImage { background: #333 }
.nspArt h4.nspHeader a { color: #222; }
/* Tabs Module */
.clearfix-tabs { clear:both; }
.gkTabItemSpace { padding:0; }
div.gkTabWrap { margin:0 auto; }
div.gkTab { position:relative; }
div.gkTabItem { float:left; overflow:hidden; padding:0; }
div.gkTabsWrapper { text-align:center; margin: 6px 0 23px; }
ul.gkTabs { margin: 0 auto; display: inline-block; }
ul.gkTabs li { width: 121px; float: left; height: 35px; background: transparent url('../images/style1/gk_is_tabs.png') no-repeat 0 -105px; text-indent: -999em; }
ul.gkTabs li.active { background-position: 0 -70px; }
ul.gkTabs li:first-child { background-position: 0 -35px; margin-left: -86px; }
ul.gkTabs li.active:first-child { background-position: 0 0; }
ul.gkTabs li span { width: 35px; display: block; height: 35px; float: right; cursor: pointer; }
div.gkTabContainer0 { clear:both; margin:0; }
div.gkTabContainer1 { overflow:hidden; margin:0; }
.gkTabItem { float: left; overflow: hidden; }
.gkTabButtonNext,
.gkTabButtonPrev { text-indent: -999em; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }

/* 
 * VERTICAL mode 
 */

.gkTabsGK5 { 
	position: relative; 
}
.gkTabsWrap {
	margin: 0 auto;
	text-align:center;
}
/* tabs */
.gkTabsWrap.vertical ol { 
	margin: 6px auto 23px; 
	display: inline-block;
	padding:0; 
}
.gkTabsWrap.vertical ol li { 
	 width: 121px; 
	 float: left; 
	 height: 35px; 
	 background: transparent url('../images/style1/gk_is_tabs.png') no-repeat 0 -105px; 
	 text-indent: -999em;
}

.gkTabsWrap.vertical ol li.active { background-position: 0 -70px; }
.gkTabsWrap.vertical ol li:first-child { background-position: 0 -35px; margin-left: -86px; }
.gkTabsWrap.vertical ol li.active:first-child { background-position: 0 0; }
.gkTabsWrap.vertical ol li span { width: 35px; display: block; height: 35px; float: right; cursor: pointer; }

/* containers */
.gkTabsContainer { 
	clear: both; 
	overflow: hidden;
	position: relative;
}
.gkTabsItem { 
	left: -9999px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.gkTabsItem.active {
	left: 0;
	position: relative;
	z-index: 2;
}
/* buttons prev/next */
.gkTabsButtonNext,
.gkTabsButtonPrev { 
	text-indent: -999em; 
}

/* Demo - Frontpage content */
.tabHeader { margin: -71px 0 0 }
.tabHeaderStyle { float: left; width: auto; }
.tabH1 { margin-top: 92px; text-transform: uppercase; font-size: 36px; line-height: 46px; color: #fff; text-align: left; }
.tabH1 strong { font-size: 56px; display: block; }
.tabH1 span { font-size: 24px; }
.bigButton { display: block; width: 243px; height: 77px; background: transparent url('../images/style1/button_try.png') no-repeat 0 0; margin: 35px 0 0; padding: 13px 0 0 17px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 24px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.gkTabsWrap.vertical .bigButton {text-align:left;}
.bigButton span { display: block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.demoFront1 > div { float: left; width: 30%; margin: 0 0 0 3%; color: #656565; font-size: 12px; }
.demoFront1 div:first-child { margin: 0; }
.demoFront1 > div > div h3 { margin: 0 0 23px !important; }
.demoFront1 > div > div img { float: left; margin: 0 18px 0 0; }
.demoFront2.custom { width: 100%; }
.demoFront2 > div { float: left; }
a.buttonGreen { background: url("../images/buttonGreen.png") no-repeat 0 0; float: right; display: block; height: 58px; width: 245px; font: bold 22px/58px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 5px auto 0; padding: 0 0 0 17px; }
.custom.demoFront2 p { margin-top: 0; margin-bottom: 0; }
a:hover.buttonGreen { color: #fff994 }
.custom blockquote { margin: 0!important; }
.content > .custom.clear > p:first-child { margin-top: 0; }
.content > .custom.clear > p { margin-bottom: 6px; line-height: 21px; }
.custom.light2 .gkBlockquote3 p { margin: -3px 0 0!important; }
.custom.border1 h1 { margin: 4px 0 0!important; line-height: 100%!important; }
.custom.border1 p { margin: 0!important; }
/* gk_popup */


#gkLoginPopup { position: absolute; width: 460px; background:#fff; z-index:999; top: -1000px; border:1px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#gkLoginPopupOverlay { position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 0; background: #000; }
#gkPopupContent h3.header { font-size: 220%; }
#gkPopupContent .pretext, #gkPopupContent .logout-button { height: 36px; line-height: 36px; margin: 0 -20px 10px; text-align: center; background: #eee; border-bottom: 1px solid #ddd; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-radius-topleft: 6px; -webkit-border-radius-topright: 6px; border-radius-topleft: 6px; border-radius-topright: 6px; }
#gkPopupContent { padding: 0 20px; color: #777 }
#gkPopupContent label { display: block; float: left; width: 100px; }
#gkPopupContent .button { float: left; margin: 5px 23px 0 100px }
#gkPopupContent #form-login-remember { margin: 20px 0 0 }
#gkPopupContent #form-login-remember label { display: inline; float: none; font-size: 10px; }
#gkPopupContent ul { background: #FFFEF4; border-top: 1px solid #EAE8CC; height: 36px; line-height: 34px; margin: 20px -20px 0; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-bottomleft: 6px; -webkit-border-radius-bottomright: 6px; border-radius-bottomleft: 6px; border-radius-bottomright: 6px; }
#gkPopupContent ul li { float: left; margin: 0 0 0 10px; font-size: 11px; line-height: 36px; }
#gkPopupContent .logout-button {margin: 0 -20px 0; }
#gkPopupContent .logout-button .button { float: right; margin: 3px 23px 0 0}
#gkPopupContent .login-greeting { float: left; margin: 0 0 0 50px}
#gkPopupContent .box_menu {clear: both }
#gkPopupContent .box_menu h3 { padding: 20px 30px 10px;font-size: 16px; color: #222}
#gkPopupContent .box_menu ul { background: none; border: none; height: auto; line-height: 100%; margin: 0 0 10px;}
#gkPopupContent .box_menu ul li {float: none; line-height: 2.4 }
/* demo content */
h4.demo-typo { padding: 70px 0 20px 0; clear: both; }
ul#demo-typography { background: #FBFBFB; border: 1px solid #eee; border-right: none; border-left: none; margin: 0 0 -30px; overflow: hidden; padding: 10px 20px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-bottomleft: 6px; -webkit-border-radius-bottomright: 6px; border-radius-bottomleft: 6px; border-radius-bottomright: 6px; }
ul#demo-typography li { list-style-position: inside; list-style-type: disc; line-height: 18px; color: #e0e0e0; margin-left: 1%; width: 23.9%; float: left; }
ul#demo-typography li a { color: #222; font-size: 11px; }
/* k2 */
#sbox-window {background-color: #000 !important;}
#sbox-window.shadow {box-shadow: 0 0 0 0 !important;}

/* Login with Facebook button */
#gkPopupContent span#fb-auth {margin-top: 5px; line-height: 14px; }
#gkPopupContent span#fb-auth small {background: transparent url('../images/fbauth.png') no-repeat 3px -1px;}
span#fb-auth small {width: 20px;  background: transparent url('../images/fbauth.png') no-repeat 0 2px; text-indent: -999em; display: block; float: left; -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd; -webkit-box-shadow:inset 0px 0px 1px 0px #556a9a; box-shadow:1px 0px #556a9a;; border-right: 1px solid #a0aecd; margin: 2px 7px 0 0  }
span#fb-auth { -moz-box-shadow:inset 0px 1px 0px 0px #aab5cd;-webkit-box-shadow:inset 0px 1px 0px 0px #aab5cd;box-shadow:inset 0px 1px 0px 0px #aab5cd;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #798db9), color-stop(1, #556b9b) );background:-moz-linear-gradient( center top, #798db9 5%, #556b9b 100% );background-color:#798db9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #4d576b; display:inline-block; color:#fff; font-family:arial; font-size:12px; font-weight:bold; padding:3px 8px 8px 4px; text-decoration:none; text-shadow:1px 1px 0px #445375; cursor: pointer; height: 15px}
span#fb-auth:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556b9b), color-stop(1, #798db9) ); background:-moz-linear-gradient( center top, #556b9b 5%, #798db9 100% ); background-color:#556b9b; }